<#assign ctx=request.contextPath/>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>我的订单</title>
		<link rel="stylesheet" href="${ctx}/css/bootstrap.css" />
		<link rel="stylesheet" href="${ctx}/css/common.css" />
		<link rel="stylesheet" href="${ctx}/css/order.css" />
		<script type="text/javascript" src="${ctx}/js/jquery-1.11.0.js" ></script>
		<script type="text/javascript" src="${ctx}/js/bootstrap.js" ></script>
		<script type="text/javascript" src="${ctx}/js/myjs.js"></script>

	</head>
	<body style="background:#f0f0f0;">
			<#include "common/top.html"/>
			<article class="center">
				<header class="content_top">
					<h3>个人信息首页</h3>
				</header>
				<div class="content clear">
					<div class="content_left">
						<dl>
							<dt>订单中心</dt>
							<dd>
								<ul>
									<li><a href="javascript:void(0)" class="on">我的订单</a></li>
									<li><a href="#">团购订单</a></li>
									<li><a href="#">本地生活订单</a></li>
									<li><a href="#">取消订单</a></li>
								</ul>
							</dd>
						</dl>
						<dl>
							<dt>关注中心</dt>
							<dd>
								<ul>
									<li><a href="#">关注的商品</a></li>
									<li><a href="#">关注的店铺</a></li>
									<li><a href="#">关注的品牌</a></li>
									<li><a href="#">关注的活动</a></li>
								</ul>
							</dd>
						</dl>
						<dl>
							<dt>客服服务</dt>
							<dd>
								<ul>
									<li><a href="#">退换货服务</a></li>
									<li><a href="#">价格保护</a></li>
									<li><a href="evaluation_page.html">意见建议</a></li>
									<li><a href="#">购买咨询</a></li>
									<li><a href="#">售后服务</a></li>
								</ul>
							</dd>
						</dl>
						<dl>
							<dt>个人设置</dt>
							<dd>
								<ul>
									<li><a href="user.html">个人资料</a></li>
									<li><a href="address.html" >收货地址</a></li>
									<li><a href="#">修改密码</a></li>
								</ul>
							</dd>
						</dl>
					</div>
					<div class="content_right">
						<div class="my_order">
							<ul>
								<li><a href="javascript:void(0)" class="on">我的订单</a></li>
								<li><a href="#">待付款</a></li>
								<li><a href="#">待收货</a></li>
								<li><a id="comment" href="${ctx}/customer/order/toMyOrder?trading_status=1">待评价</a></li>
							</ul>
						</div>
						<div class="order_menu clear">
							<div class="order_top">
								<ul>
									<li>商品</li>
									<li>价格</li>
									<li>数量</li>
									<li>状态</li>
									<li>评价</li>
								</ul>
							</div>
							<div class="order_content clear">
								<ol id="orderItemList" >
								<#list orderItems as orderItem>
									<li>
										<ul class="order_middle">
											<li><a href="pro_details.html"><img style="width: 120px;height: 100px;" src="${ctx}/file/upload/${orderItem.goods.image!''}" alt=""></a></li>
											<li><h3><a href="pro_details.html">${orderItem.goods.title!''}</a></h3><p><a href="pro_details.html">区间测速 官方验证 微信查车 免费升级</a></p></li>
											<li><span>¥&nbsp;&nbsp;${orderItem.goods.price!''}</span></li>
											<li><span>${orderItem.order_num!''}</span></li>
											<#if orderItem.order.alipay??>
												<#if orderItem.order.alipay=1>
													<li><span>已付款</span></li>
													<#else>
													<li><span style="color: red;" >待付款</span></li>
												</#if>
											<#else>
												<li><span style="color: red;" >待付款</span></li>
											</#if>
											<#if orderItem.order.trading_status=1 >
												<li style="width: 122px;margin-left: 83px;" >交易已经完成
												<a style="padding-top: 20px;margin-left: 10px;display: inline-block;color: red;" onclick="addCommon('${orderItem.goods.id}')"  href="javascript:void(0);" >评价</a></li>
												
											</#if>
										</ul>
									</li>
								</#list>
								</ol>
								<script type="text/javascript">
									function addCommon(goodsid){
										
										window.location.href = "${ctx}/customer/comment/toAddCommon?id="+goodsid;
									}
								</script>
							</div>
							<div class="page clear">
								<ul>
									<li><a href="#">上一页</a></li>
									<li><a href="#">1</a></li>
									<li><a href="#" class="on">2</a></li>
									<li><a href="#">3</a></li>
									<li><a href="#">4</a></li>
									<li><a href="#">5</a></li>
									<li><a href="#">...</a></li>
									<li><a href="#">下一页</a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</article>
			<#include "common/bottom.html"/>
